<div class="member_list_add float-left">
    {{> add_members_form}}
</div>
<br />

{{t "Do you want to add everyone?"}}
<button class="add_all_users_to_user_group small button rounded sea-green">{{t 'Add all users'}}</button>

<div class="create_member_list_header">
    <h4 class="user_group_setting_subsection_title">{{t 'Members' }}</h4>
    <input class="add-user-list-filter filter_text_input" name="user_list_filter" type="text"
      autocomplete="off" placeholder="{{t 'Filter members' }}" />
</div>

<div class="member-list-box">
    <div class="member_list_container" data-simplebar>
        <table class="member-list table table-striped">
            <thead class="table-sticky-headers">
                <th data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
                <th data-sort="email">{{t "Email" }}</th>
                <th>{{t "Action" }}</th>
            </thead>
            <tbody id="create_user_group_members" class="member_table" data-empty="{{t 'This group has no members.' }}" data-search-results-empty="{{t 'No group members match your current filter.'}}"></tbody>
        </table>
    </div>
</div>
